const SidebarItemProfile = (props: {
   img: string, isActive: boolean, title: string, onClick: (event: MouseEvent) => void;
}) => {

    const {img, title, isActive, onClick} = props

    return (

        <li className="nav-item"  onClick={onClick}>
            <a className={`nav-link py-3 rounded-5 ${isActive ? 'active' : ''}`}
               data-bs-toggle="tooltip" data-bs-placement="right" aria-label="Home"
               data-bs-original-title="Home">
                {title}

            </a>
        </li>
    )

}

export default SidebarItemProfile